<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Login。。。</title>
    <style>
        #bg{
            position: fixed;
            width: 100%;
            height: 100%;
        }
        .p1{
            position: absolute;
            width: 600px;
            height: 346px;
            border: 1px solid black;
            top: 150px;
            left: 300px;
            background-color: white;
            border-radius: 4px;
    border: 1px solid #CCC;

        }
        .p2{
            position: relative;
            width: 400px;
            height: 50px;
            top: 50px;
            left: 80px;
            background:rgba(0, 0, 0, 0);
                border-radius: 4px;
    border: 1px solid #CCC;

        }
        .p3{
              position: relative;
    width: 400px;
    height: 50px;
    top: 90px;
    left: 80px;
    border-radius: 4px;
    border: 1px solid #CCC;

        }
        .bottom-link {
    width: 140px;
    margin: 10px auto;
    background-color: #000;
    border-radius: 15px;
    background-color: rgba(0,0,0,.4);
    text-align: center;
    font-size: 12px;
    color: #fff;
    padding: 4px 0;
    text-shadow: 1px 1px 1px rgba(0,0,0,.4);
        position: relative;
    top: 100px;
}
.p4 {
    width: 320px;
    height: 42px;
    border: 0;
    background-color: #ffa800;
    border-radius: 5px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    position: relative;
    top: 130px;
    left: 120px;
}
    </style>
</head>

<body>
<img src="../images/3.jpg" id="bg">
<div class="p1">
	<form action="/home">
		<div>
		<input type="text" name="u_name" placeholder="请输入用户名" class="p2" >	
		</div>
		<div >
			<input type="text" name="passwd" placeholder="请输入密码"  class="p3">
		</div>
		<div style="
    top: 182px;
    
    position: absolute;
    left: 312px;
">
			
			<h6>本产品由天下第一帅小队出品</h6>
		</div>
		<div>
			<input type="submit" value="登陆"  class="p4">
		</div>
		
	</form>
	<div>
		<p style="    position: relative;
    top: -230px;
    left: 600px;
    font-size: x-large;">-只有长大了生活才会如此艰难吗</p><p style="position: relative;
    top: -200px;
    left: 650px;
    font-size: x-large;
    color: rgba(47, 8, 2, 0.96);">不，总是如此-</p>
	</div>
	<a href="" style="    top: 40px;
    position: relative;
    left: 463px;">手机快速登陆</a>

    <div class="bottom-link">
    	    
    	           还没有账号？
    	           <a href="/re">马上注册</a>
    </div>

</div>
</body>
</html>